import React, {Component} from "react";

class TodoItem extends Component {
    /**
     * 组件创建的时候第一个要执行的方法就是构造函数
     */
    constructor(props) {
        //调用一次父类的构造函数
        super(props)
        this.handleClick = this.handleClick.bind(this);
    }

    render() {
        const {item} = this.props;
        return (
            <div onClick={this.handleClick}>
                {item}
            </div>
        )
    }

    handleClick() {
        const {deleteItem, index} = this.props;
        deleteItem(index)
    }
}

export default TodoItem;